import React from 'react';
import { Card, Row, Col, Statistic } from 'antd';
import { UserOutlined, FileOutlined, TeamOutlined } from '@ant-design/icons';

const HomePage = () => {
    return (
        <div>
            <Row gutter={16}>
                <Col span={8}>
                    <Card>
                        <Statistic
                            title="活跃用户2"
                            value={112893}
                            prefix={<UserOutlined />}
                        />
                    </Card>
                </Col>
                <Col span={8}>
                    <Card>
                        <Statistic
                            title="团队数量"
                            value={93}
                            prefix={<TeamOutlined />}
                        />
                    </Card>
                </Col>
                <Col span={8}>
                    <Card>
                        <Statistic
                            title="文件数量"
                            value={1238}
                            prefix={<FileOutlined />}
                        />
                    </Card>
                </Col>
            </Row>
        </div>
    );
};

export default HomePage;
